<script type='text/javascript' language='javascript'>
var url_base = "<?php echo base_url(); ?>";

$(document).ready(function(){
    CKEDITOR.config.forcePasteAsPlainText = true;
    CKEDITOR.config.autoParagraph = true;
    CKEDITOR.config.removePlugins = "elementspath";
    CKEDITOR.config.skin = 'moono';

    CKEDITOR.config.toolbar = [
        { name: 'document', items : [ 'Source'] },
        { name: 'outher', items : [ 'NewPage' ] },
        { name: 'clipboard', items : [ 'Undo','Redo' ] },
        { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
        { name: 'editing', items : [ 'PasteText','PasteFromWord','-','Scayt' ] },
        { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] },
        { name: 'links', items : [ 'Link','Unlink','-','Image','HorizontalRule' ] },
        { name: 'tools', items : [ 'Maximize'] }
    ];

    /** Volta para o top da página **/
    $('.img_top').click(function(){
        scroll_to("#page-content");
    });

    /** Ampliar Imagem **/
    $('.imagem_item').lightBox({
        imageLoading: url_base + 'assets/img/lightbox-ico-loading.gif',
        imageBtnClose: url_base + 'assets/img/lightbox-btn-close.gif',
        imageBtnPrev: url_base + 'assets/img/prev.gif',
        imageBtnNext: url_base + 'assets/img/next.gif',
        imageBlank: url_base + 'assets/img/lightbox-blank.gif',
        containerResizeSpeed: 350,
        txtImage: 'Capa do item',
        txtOf: 'de'
    });

    /** Abre campo motivo caso o status seja marcado como inativo */
    $('#status').change(function() {
        if($(this).val() == 0) {
            $('.box_motivo').fadeIn();
        }else {
            $('.box_motivo').fadeOut();
            $('#motivo').val("");
        }
    });

    /** Máscaras **/
    $("#isbn").numeric({allow:"-"});
    $("#edicao, #ano, #total_paginas, #total_estoque, #total_emprestimo").numeric();

    /** Valida Imagem */
    $('#imagem').change(function(){
        if((document.form_insert.imagem.value.lastIndexOf(".jpg")==-1) && (document.form_insert.imagem.value.lastIndexOf(".jpeg")==-1) && (document.form_insert.imagem.value.lastIndexOf(".JPG")==-1) 
            && (document.form_insert.imagem.value.lastIndexOf(".png")==-1) && (document.form_insert.imagem.value.lastIndexOf(".PNG")==-1)){
            document.form_insert.imagem.value = "";
            alert("Este arquivo não possui uma extensão válida!" +
                "\n Extensão permitida: .jpg e .png");
        }else {
            $('.imagem_item').fadeOut();
            $('#fakeImagem').val($('#imagem').val());
        }
    });

    /** Remover imagem caso selecionada */
    $('#remove_imagem').click(function(){
        $('#fakeImagem').val("");
        $('.imagem_item').fadeOut();
    });

    /** Voltar página */
    $('#back_page').click(function(){
        history.back();
    });
    
    /**
    * Autocomplete para autores
    */
    $( "#autor" ).bind( "keydown", function( event ) {})
    .autocomplete({
       source: function( request, response ) {
           $.getJSON( url_base + "autor/auto_complete_author", {
               term: extractLast( request.term )
           }, response );
       },
       search: function() {
           // custom minLength
           var term = extractLast( this.value );
           if ( term.length < 2 ) {
               return false;
           }
       },
       focus: function() {
           // prevent value inserted on focus
           return false;
       },
       select: function( event, ui ) {
           $("#autor").focus();

           var terms = split( this.value );
           // remove the current input
           terms.pop();
           // add the selected item
           terms.push(ui.item.nome);

           // add placeholder to get the comma-and-space at the end
           terms.push( "" );
           this.value = terms.join( ", " );

           return false;
       }
    });

    /** Autocomplete para Editora **/
    $('#editora').autocomplete({
        source: url_base + "editora/auto_complete_publisher",
        minLength: 2,      
        select: function( event, ui ) {
            $('#editora_id').val(ui.item.id);
        }
    });

    /** 
     * Limpa o campo editora_id caso seja selecionado e depois removido 
     */
    $('#editora').keydown(function(){
        $('#editora').val() == "" ? $('#editora_id').val("") : "";
    });

    /** Seleção das categorias **/
    $( "#selectable_categorias" ).selectable({
        stop: function() {
            var ids = new Array();
            $('#categoria_id').val("");
            $( ".ui-selected", this ).each(function() {
                ids.push($(this).val());
                $('#categoria_id').val(ids.toString()); // joga os ids para o input
            });
        },
        //Seleciona os itens já escolhidos
        create: function(event, ui) {
            var ids = $('#categoria_id').val().split(',');
            $('#selectable_categorias .categorias_select').each(function(index){
                for(var i = 0; i <= ids.length; i++){
                    if( $( this ).val() == ids[i]){
                        $( this ).addClass('ui-selected');
                    }
                }
            });
        }
    });
});

function split( val ) {
    return val.split( /,\s*/ );
}
function extractLast( term ) {
    return split( term ).pop();
}

/*
 * DIALOG para confirmar remoção do item (magazine)
 */
function delete_book() {
    $("#inforDel").html(message_delete_item($("#nomeDelete").val()));

    $(".dialog-excluir").dialog({
        height: 250,
        width: 500,
        resizable: false,
        draggable: true,
        modal: true,
        buttons: {
            'Sim': function() {
                $(this).dialog('close');
                $("#form-delete-book")[0].submit();
            },
            'Não': function() {
                $(this).dialog('close');
            }
        }
    });
}
</script>
<span><a id="back_page" href="javascript:"><< Voltar</a></span>
<div id="content_item">
    <div id="content-datagrid">
        <section><?php // /echo $item->codigo; ?>
            <form action="<?php echo site_url('livro/confirma_atualizar'); ?>" id="form-insert-book" name="form_insert" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                <fieldset>
                    <legend><h3>Atualizar dados do livro</h3></legend>
                    <div id="content_form">
                        <input type="hidden" name="codigo" id="codigo" value="<?php echo set_value('codigo', isset($item->codigo) ? $item->codigo : ''); ?>">
                        <header><h2>Relacionados</h2></header>
                        <label>
                            <p>Autor*: <i>Caso o <b>Autor</b> não esteja listado, vá para o cadastro de autor e adicione.</i></p>
                            <input class="input1" autofocus id="autor" name="autor" type="text" placeholder="Selecione o autor do livro" value="<?php echo set_value('autor', isset($autores_nome) ? $autores_nome : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Editora*: <i>Caso a <b>Editora</b> não esteja listada, vá para o cadastro de editora e adicione.</i></p>
                            <input id="editora_id" name="editora_id" type="hidden" value="<?php echo set_value('editora_id', isset($item->livro->editora->id) ? $item->livro->editora->id : ''); ?>"/>
                            <input id="editora" name="editora" type="text" placeholder="Selecione a editora do livro" value="<?php echo set_value('editora', isset($item->livro->editora->nome) ? $item->livro->editora->nome : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Categoria(s)*: <i>Caso a <b>Categoria</b> não esteja listada, vá para o cadastro de categoria e adicione.</i></p>
                            <p><i>- Segure a tecla <b>Ctrl</b> para selecionar mais de uma categoria.</i></p>
                            <input id="categoria_id" name="categoria_id" type="hidden" value="<?php echo set_value('categoria_id', isset($categorias_id) ? $categorias_id : ''); ?>" />
                            <div id="list_categorias">
                                <ol id="selectable_categorias">
                                    <?php foreach ($categorias as $categoria): ?>
                                        <li class="categorias_select pointer" value="<?php echo $categoria->id; ?>" title="<?php echo $categoria->descricao; ?>"><?php echo $categoria->nome; ?></li>
                                    <?php endforeach; ?>
                                </ol>
                            </div>
                        </label>
                        <header><h2>Informações gerais</h2></header>
                        <label>
                            <p>ISBN*:</p>
                            <input type="text" name="isbn" id="isbn" placeholder="Apenas número e hífen -" value="<?php echo set_value('isbn', isset($item->livro->isbn) ? $item->livro->isbn : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Título*:</p>
                            <input  type="text" name="titulo" id="titulo" value="<?php echo set_value('titulo', isset($item->titulo) ? $item->titulo : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Subtitulo:</p>
                            <input  type="text" name="subtitulo" id="subtitulo" value="<?php echo set_value('subtitulo', isset($item->subtitulo) ? $item->subtitulo : ''); ?>"/>
                        </label>
                        <label>
                            <p>Título Original:</p>
                            <input  type="text" name="titulo_original" id="titulo_original" value="<?php echo set_value('titulo_original', isset($item->livro->titulo_original) ? $item->livro->titulo_original : ''); ?>"/>
                        </label>
                        <label>
                            <p>Edição:</p>
                            <input type="number" min="1" name="edicao" min="0" id="edicao" placeholder="Número da edição" value="<?php echo set_value('edicao', isset($item->livro->edicao) ? $item->livro->edicao : ''); ?>"/>
                        </label>
                        <label>
                            <p>Ano de publicação*:</p>
                            <input type="text" name="ano" maxlength="4" id="ano" placeholder="Apenas Número" value="<?php echo set_value('ano', isset($item->livro->ano) ? $item->livro->ano : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Total de páginas*:</p>
                            <input type="number" min="1" name="total_paginas" id="total_paginas" placeholder="Apenas Número" value="<?php echo set_value('total_paginas', isset($item->livro->total_paginas) ? $item->livro->total_paginas : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Idioma*: <i>O valor padrão é Português. Mude caso necessitar...</i></p>
                            <input type="text" name="idioma" id="idioma" value="<?php echo set_value('idioma', isset($item->idioma) ? $item->idioma : ''); ?>" placeholder="Idioma do livro" required/>
                        </label>
                        <label>
                            <p>Localização: <i>Útil para informar em que local/pratileira o livro se encontra.</i></p>
                            <input type="text" name="localizacao" id="localizacao" value="<?php echo set_value('localizacao', isset($item->localizacao) ? $item->localizacao : ''); ?>"/>
                        </label>
                        <label>
                            <p>Imagem: <i>Só é possível inserir imagem no formato <b>JPG</b> e <b>PNG</b>.</i></p>
                            <?php if(isset($item->imagem)): ?>
                                <a href="<?php echo site_url($this->config->item('path_img_item')) . '/book/' . $item->imagem; ?>" class="imagem_item"><img src="<?php echo site_url($this->config->item('path_img_item')) . '/book/thumb/' . $item->imagem; ?>" height="80" width="55"/></a><br />
                            <?php endif; ?>
                            <span class="selInputFile">
                                <span>
                                    <input type="hidden" name="imagem_original" id="imagem_original" value="<?php echo set_value('imagem_original', isset($item->imagem) ? $item->imagem : ''); ?>"/>
                                    <input type="text" placeholder="Clique aqui para inserir a imagem do Livro" name="fakeImagem" id="fakeImagem" value="<?php echo set_value('fakeImagem', isset($item->imagem) ? $item->imagem : ''); ?>"/><!-- este e somente para aparecer o nome do arquivo para o usuario -->
                                    <input type="file" name="imagem" id="imagem" value="<?php echo set_value('imagem', isset($item->imagem) ? $item->imagem : ''); ?>"/>
                                </span>
                                <a class="pointer" title="Remover imagem" id="remove_imagem">
                                    <img align="center" src="<?php echo site_url('assets/img/delete.png'); ?>"/>
                                </a>
                            </span>
                        </label>
                        <label>
                            <p>Descrição: <i>Sinopse, resenha do livro...</i></p>
                            <div class="desc"><textarea class="ckeditor" id="descricao" name="descricao"><?php echo set_value('descricao', isset($item->descricao) ? $item->descricao : ''); ?></textarea></div>
                        </label>
                        
                        <header><h2>Dados para empréstimo</h2></header>
                        <label>
                            <p>Quantidade em estoque*: <i>Total de itens em estoque.<br /> - Este total não é usado como referência para o empréstimo, é apenas para registro.</i></p>
                            <input type="number" min="1" maxlength="4" id="total_estoque"  name="total_estoque" placeholder="Total de livros. Apenas números" value="<?php echo set_value('total_estoque', isset($item->movimentacao->total_estoque) ? $item->movimentacao->total_estoque : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Quantidade para empréstimo*: <i>Total de itens disponíveis para empréstimos.</i></p>
                            <input type="number" min="1" maxlength="4" id="total_emprestimo"  name="total_emprestimo" placeholder="Total de livros disponíveis. Apenas números"  value="<?php echo set_value('total_emprestimo', isset($item->movimentacao->total_manipulacao) ? $item->movimentacao->total_manipulacao : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Status para Empréstimo*: <i>Aqui você tem duas opções:</i><br />
                                <i>
                                    <b>&nbsp;&nbsp;&nbsp;&nbsp;ATIVO >></b> Nessa opção o item cadastrado fica <b>DISPONÍVEL</b> para visualizar e obter empréstimos.<br />
                                    <b>&nbsp;&nbsp;&nbsp;&nbsp;INATIVO >></b> Nessa opção o item cadastrado fica <b>INDISPONÍVEL</b> para obter empréstimos.
                                </i>
                            </p>
                            <?php echo form_dropdown("status", array(1 => "Ativo", 0 => "Inativo"), set_value('status', isset($item->movimentacao->status) ? $item->movimentacao->status : ''), "id='status'");?>
                        </label>
                        <label class="box_motivo" style="<?php if(isset($item->movimentacao->status)) echo $item->movimentacao->status == 0 ? 'display: block;': 'display: none;'; ?>'">
                            <p>Motivo da inatividade*:</p>
                            <textarea name="motivo_inatividade" id="motivo" placeholder="Informe o motivo do livro não ficar disponível para empréstimos"><?php echo set_value('motivo_inatividade', isset($item->movimentacao->motivo_inatividade) ? $item->movimentacao->motivo_inatividade : ''); ?></textarea>
                        </label>
                        
                        <input type="submit" value="Atualizar livro" id="bt_submit" class="button" />&nbsp; 
                        <a href="<?php echo site_url('livro/cadastrar'); ?>" class="button">Novo livro</a>&nbsp; 
                        <a onclick="delete_book()" class="button">Excluir livro</a>&nbsp; 
                        <a href="<?php echo site_url('livro'); ?>" class="button">Cancelar</a>
                        <img class="img_top pointer" src="<?php echo site_url('assets/img/top.png'); ?>" width="32" height="32"/>
                    </div>
                </fieldset>
            </form>
        </section>
    </div> <!-- END of #content-datagrid -->
</div> <!-- END of #main-content-datagrid -->  

<div id="loading-data" class="loading_item">
    <img src="<?php echo site_url('assets/img/loading.gif'); ?>" width="220" height="20"/>
</div>

<section id="form-delete">
    <div class="dialog-excluir">
        <h2>Atenção!</h2>
        <div id="inforDel"></div>
    </div>
    <form action="<?php echo site_url('livro/excluir'); ?>" id="form-delete-book" method="post" accept-charset="utf-8">
        <input type="hidden" id="codigoDelete" name="codigoDelete" value="<?php echo set_value('codigoDelete', isset($item->codigo) ? $item->codigo : ''); ?>"/>
        <input type="hidden" id="nomeDelete" name="nomeDelete" value="<?php echo set_value('nomeDelete', isset($item->titulo) ? $item->titulo : ''); ?>"/>
        <input type="hidden" id="imagemDelete" name="imagemDelete" value="<?php echo set_value('imagemDelete', isset($item->imagem) ? $item->imagem : ''); ?>"/>
    </form>
</section>